<template>
  <div class="overview-content">
    <el-row :gutter="32">
      <el-col :xs="24" :sm="24" :lg="24" style="margin-bottom:20px;">
        <div class="chart-wrapper">
           <div class="countFsColor addBtnA" @click="showDiog">添加</div>
          <el-table
            :data="tableData"
            style="width: 100%"
             
            class="card-table"
            :border="false"
            stripe
            :default-sort="{prop: 'five'}"
          >
          <template>
             <slot></slot>
          </template>
          </el-table>
        </div>
      </el-col>
    </el-row>
                <!--文件添加-->
            <myModal :obj="obj" v-on:close='close' v-on:save='save'>
              <div class="mpdalBody">
                            <el-form ref="form" :model="sizeForm" label-width="85px" class="formDiv">
          <el-form-item label="管理角色:" :required="true">
                <el-input
                    type="text"
                    placeholder="请输入内容"
                    v-model="textarea"
                    >
                    </el-input>
          </el-form-item>
          <el-form-item label="名称:" >
                <el-input
                    type="text"
                    placeholder="请输入内容"
                    v-model="textarea"
                    >
                    </el-input>
          </el-form-item>
          <el-form-item label="联系方式:" >
                <el-input
                    type="text"
                    placeholder="请输入内容"
                    v-model="textarea"
                    >
                    </el-input>
          </el-form-item>
          <!---->
          <!---->
        </el-form>
              </div>
          </myModal>
            <!---->
  </div>
</template>

<script>
import myModal  from '@/components/Modal'
export default {
  components: {myModal},
  props: {
    tableData: {
      type: Array
    }
  },
  data() {
    return {
      sizeForm:{},
      obj:{
          show:false,
          title:"添加保险",
          width:'647px'
        },
      textarea:'',
      date1:'',
      props: {
        tableConfig: {
          type: Object,
          required: true,
          default: () => {}
        },
        tableData: {
          type: Array,
          required: true,
          default: () => []
        }
      }
    }
  },
  methods: {
    showDiog(){
      this.obj.show = true
    },
    save(){
    this.obj.show = false
    },
    close(){
    this.obj.show = false
    },
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`)
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`)
    },
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`)
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`)
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .el-table th.is-leaf, ::v-deep .el-table td,::v-deep .el-table__body{border: 0;}
::v-deep .el-table::before ,::v-deep .el-table__fixed-right::before{display: none;}
::v-deep  th{background: #cacaca;font-weight: bold;color: #575757;}
::v-deep   .el-table--striped .el-table__body tr.el-table__row--striped td{background: #f7f7f7;}
::v-deep   .addBtnA{text-align: right;margin-bottom: 10px;}
</style>
